.w_wod {
  position: relative;
  .bangs {
    position: absolute;
    display: flex;
    align-items: flex-end;
    z-index: 222;
    width: 100%;
    height: rm(50);
    margin-top: rm(20);
    h2 {
      color: white;
      margin-left: auto;
      text-align: center;
      font-size: 16px;
    }
    img {
      margin-left: auto;
      width: rm(20);
      height: rm(20);
    }
  }
  .user_imgbgd {
    z-index: -1;
    img {
      width: 100%;
      height: rm(300);
      z-index: -1;
      filter: blur(5px);
    }
  }
  .wod_tc {
    width: rm(340);
    height: rm(300);
    border-radius: 8px;
    background: white;
    z-index: 155;
    margin: 0 auto;
    margin-top: rm(-210);
    position: relative;
    .tc_user_img {
      height: rm(150);
      position: relative;
      .user_div {
        position: absolute;
        margin-top: rm(20);
        margin-left: rm(110);
        .user_img {
          width: rm(120);
          height: rm(120);
          border-radius: 50%;
        }
      }
    }
    .w_user_nickname {
      height: rm(50);
      text-align: center;
      .nickname {
        height: rm(20);
        span {
          font-weight: bolder;
        }
      }
      .autograph {
        height: rm(30);
        span {
          font-size: rm(12);
        }
      }
    }
    .follow_box {
      margin-top: rm(10);
      height: rm(90);
      .follow_box_x {
        display: flex;
        justify-content: center;
        div {
          text-align: center;
          p {
            font-weight: bolder;
          }
        }
        .follow {
          margin-left: rm(10);
        }
        .fans {
          margin-left: rm(65);
        }
        .fabulous {
          margin-left: rm(70);
        }
      }
      .homepage {
        text-align: center;
        margin-top: rm(20);
        .homepage_x {
          width: rm(70);
          margin: auto;
          border-radius: 12px;
          border: 1px #28d2d1 solid;
          span {
            font-size: rm(12);
          }
        }
      }
    }
  }
  .business {
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    width: 90%;
    height: rm(130);
    margin: auto;
    margin-top: rm(15);
    .adm-tabs-tab {
      font-size: rm(13);
    }
    .purchase {
      margin-top: rm(20);
      height: rm(30);
      border-bottom: 1px rgb(236, 236, 236) solid;
      display: flex;
      .pur1 {
        margin-right: auto;
      }
      .pur2 {
        margin-left: auto;
        font-size: rm(8);
        color: rgb(104, 225, 241);
      }
    }
    .purchase2 {
      height: rm(18);
      border-bottom: 1px rgb(236, 236, 236) solid;
      display: flex;
      .pur11 {
        margin-right: auto;
      }
      .pur22 {
        margin-left: auto;
        font-size: rm(8);
        color: rgb(104, 225, 241);
      }
    }
    .purul {
      height: rm(58);
      ul {
        display: flex;
        margin-top: rm(10);
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: flex-end;
        img {
          width: rm(28);
          height: rm(28);
        }
      }
    }
    .pur3 {
      display: flex;
      justify-content: space-around;
    }
  }
}
